<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>账单</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../css/mui.css"/> 
    <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init()
    if(location.pathname!="/h5/html/login.html" && typeof(sessionStorage.token)=="undefined"){
					
 					mui.openWindow({
							url: 'login.html', 
							   
					});
				
			}
    </script>
    <script type="text/javascript" src="../js/common.js" ></script> 
    <script type="text/javascript" src="../js/checkRMB.js"></script>
    <link rel="stylesheet" href="../css/common.css"/>
    <style>
    	.check1{
    		width:3.1rem ;
    		height: 0.7rem;
    		margin: 0.17rem 0.25rem;
    		background: #DC4B19;
    	}
    	.active{
    		background:#F2F2F2;
    		border: #F2F2F2;
    		color: #999999;
    	}
    	p{
    		margin: 0;
    	}
    	.tit{
    		width: 100%;
    		height: 0.66rem;
    		background: #F2F2F2;
    	}
    	.tit span{
    		display: block;
    		font-size: 14px;
    		color: #646464;
    		width: 50%;
    		float: left;
    		text-align: center;
    		margin-top: 0.15rem;
    	}
    	.list li{
    		position:relative;
    		width: 100%;
    		height: auto;
    		border-bottom: 1px solid #EFEFEF;
    	}
    	.left{	
    		
    		width:70%;
    		margin-left: 10px;
    		padding-bottom:0.1rem;
    	}
    	.left p{
	    	font-size:14px;
	    	color:#999999;
    	}
    
    	.left span{
   
    		font-size:14px;
    		color:#646464;
    		
    	}
    	.right{
    		width:25%;
    		position:absolute;
    		right: 0;
    		top: 0;
    	} 
    	.right p{
    	font-size:17px;
    	color:#323232;
    	font-weight:bolder;
    	margin-top: 15%;
    	}
    	.page{
    		margin-left: 27%;
    		margin-top: 0.2rem;
    		margin-bottom: 0.2rem;
    	}
    </style>
</head>
<body style="background: white;">
    <div class="mui-content"  style="background: white;">
        <button type="button" class="mui-btn mui-btn-danger check1 ">现金账单</button>
        <button type="button" class="mui-btn mui-btn-danger check1 active business_cash">商币账单</button>
    </div>
   
   <div class="tit">
   		<span>日期</span>
   		<span>商币/账单数目</span>
   </div>
   <ul class="list">
   		<!--<li>
   			<div class="left">
   				<p>20160501&nbsp;&nbsp;09:00:00</p>
   				<span>用户王小文提现，获得商币奖励</span>
   			</div>
   			<div class="right">
   				<p>+5</p>
   			</div>
   		</li>-->

   </ul>
   <ul class="mui-pagination page">
       <li class="back">
           <span> &laquo;上一页 </span>
       </li>
       
       <li class="next">
           <a>下一页&raquo;</a>
       </li>
   </ul>
</body>
</html>